﻿<!DOCTYPE html>
<html>
  <head>
    <title>气泡提示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/气泡提示/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/气泡提示/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8476" class="ax_default">
        <div id="u8476_state0" class="panel_state" data-label="State1" style="">
          <div id="u8476_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8477" class="ax_default box_2">
              <div id="u8477_div" class=""></div>
              <div id="u8477_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8478" class="ax_default paragraph">
              <div id="u8478_div" class=""></div>
              <div id="u8478_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u8479" class="ax_default" data-label="header">
        <div id="u8479_state0" class="panel_state" data-label="State1" style="">
          <div id="u8479_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8480" class="ax_default box_1">
              <div id="u8480_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8481" class="ax_default">
              <div id="u8481_state0" class="panel_state" data-label="State1" style="">
                <div id="u8481_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8482" class="ax_default box_1">
                    <div id="u8482_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8483" class="ax_default box_1">
                    <div id="u8483_div" class=""></div>
                    <div id="u8483_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8484" class="ax_default box_1">
                    <div id="u8484_div" class=""></div>
                    <div id="u8484_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8485" class="ax_default image">
                    <img id="u8485_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8486" class="ax_default box_1">
                    <img id="u8486_img" class="img " src="images/index/u11.png"/>
                    <div id="u8486_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8487" class="ax_default box_1">
        <div id="u8487_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8489" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8489_div" class=""></div>
        <div id="u8489_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8490" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8490_div" class=""></div>
        <div id="u8490_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8491" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8491_div" class=""></div>
        <div id="u8491_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8492" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8492_div" class=""></div>
        <div id="u8492_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8493" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8493_div" class=""></div>
        <div id="u8493_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8494" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8494_div" class=""></div>
        <div id="u8494_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8495" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8495_div" class=""></div>
        <div id="u8495_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8496" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8496_div" class=""></div>
        <div id="u8496_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8497" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8497_div" class=""></div>
        <div id="u8497_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8498" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8498_div" class=""></div>
        <div id="u8498_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8499" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8499_div" class=""></div>
        <div id="u8499_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8500" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8500_div" class=""></div>
        <div id="u8500_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8501" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8501_div" class=""></div>
        <div id="u8501_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8502" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8502_div" class=""></div>
        <div id="u8502_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8503" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8503_div" class=""></div>
        <div id="u8503_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8504" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8504_div" class=""></div>
        <div id="u8504_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8505" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8505_div" class=""></div>
        <div id="u8505_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8506" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8506_div" class=""></div>
        <div id="u8506_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8507" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8507_div" class=""></div>
        <div id="u8507_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8508" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8508_div" class=""></div>
        <div id="u8508_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8509" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8509_div" class=""></div>
        <div id="u8509_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8510" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8510_div" class=""></div>
        <div id="u8510_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8511" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8511_div" class=""></div>
        <div id="u8511_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8512" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8512_div" class=""></div>
        <div id="u8512_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8513" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8513_div" class=""></div>
        <div id="u8513_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8514" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8514_div" class=""></div>
        <div id="u8514_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8515" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8515_div" class=""></div>
        <div id="u8515_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8516" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8516_div" class=""></div>
        <div id="u8516_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8517" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8517_div" class=""></div>
        <div id="u8517_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8518" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8518_div" class=""></div>
        <div id="u8518_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8519" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8519_div" class=""></div>
        <div id="u8519_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8520" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8520_div" class=""></div>
        <div id="u8520_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8521" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8521_div" class=""></div>
        <div id="u8521_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8522" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8522_div" class=""></div>
        <div id="u8522_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8523" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8523_div" class=""></div>
        <div id="u8523_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8524" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8524_div" class=""></div>
        <div id="u8524_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8525" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8525_div" class=""></div>
        <div id="u8525_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8526" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8526_div" class=""></div>
        <div id="u8526_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8527" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8527_div" class=""></div>
        <div id="u8527_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8528" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8528_div" class=""></div>
        <div id="u8528_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8529" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8529_div" class=""></div>
        <div id="u8529_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8530" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8530_div" class=""></div>
        <div id="u8530_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8531" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8531_div" class=""></div>
        <div id="u8531_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8532" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8532_div" class=""></div>
        <div id="u8532_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8533" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8533_div" class=""></div>
        <div id="u8533_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8534" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8534_div" class=""></div>
        <div id="u8534_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8535" class="ax_default box_1 selected" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8535_div" class="selected"></div>
        <div id="u8535_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8536" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8536_div" class=""></div>
        <div id="u8536_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8537" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8537_div" class=""></div>
        <div id="u8537_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8538" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8538_div" class=""></div>
        <div id="u8538_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8539" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8539_div" class=""></div>
        <div id="u8539_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8540" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8540_div" class=""></div>
        <div id="u8540_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8541" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8541_div" class=""></div>
        <div id="u8541_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8542" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8542_div" class=""></div>
        <div id="u8542_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8543" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8543_div" class=""></div>
        <div id="u8543_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8544" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8544_div" class=""></div>
        <div id="u8544_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8545" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8545_div" class=""></div>
        <div id="u8545_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8546" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8546_div" class=""></div>
        <div id="u8546_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8547" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8547_div" class=""></div>
        <div id="u8547_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8548" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8548_div" class=""></div>
        <div id="u8548_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8549" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8549_div" class=""></div>
        <div id="u8549_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8550" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8550_div" class=""></div>
        <div id="u8550_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8551" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-fenzu-light">
        <div id="u8551_div" class=""></div>
        <div id="u8551_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8552" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8552_div" class=""></div>
        <div id="u8552_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8553" class="ax_default box_1" selectiongroup="u8488nav-cebianlan-light">
        <div id="u8553_div" class=""></div>
        <div id="u8553_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8555" class="ax_default">
        <div id="u8555_state0" class="panel_state" data-label="State1" style="">
          <div id="u8555_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8556" class="ax_default box_1">
              <div id="u8556_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8557" class="ax_default">
              <div id="u8557_state0" class="panel_state" data-label="State1" style="">
                <div id="u8557_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8558" class="ax_default box_1">
                    <div id="u8558_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8559" class="ax_default label">
                    <div id="u8559_div" class=""></div>
                    <div id="u8559_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8560" class="ax_default label">
                    <div id="u8560_div" class=""></div>
                    <div id="u8560_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8561" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8562" class="ax_default label">
                      <div id="u8562_div" class=""></div>
                      <div id="u8562_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8563" class="ax_default paragraph">
                      <div id="u8563_div" class=""></div>
                      <div id="u8563_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8564" class="ax_default label">
                    <div id="u8564_div" class=""></div>
                    <div id="u8564_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8565" class="ax_default label">
                    <div id="u8565_div" class=""></div>
                    <div id="u8565_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8566" class="ax_default label">
                    <div id="u8566_div" class=""></div>
                    <div id="u8566_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8567" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8568" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8569" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8570" class="ax_default image">
                    <img id="u8570_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8571" class="ax_default label">
                    <div id="u8571_div" class=""></div>
                    <div id="u8571_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8572" class="ax_default paragraph">
                    <div id="u8572_div" class=""></div>
                    <div id="u8572_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8573" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8574" class="ax_default label">
                      <div id="u8574_div" class=""></div>
                      <div id="u8574_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8575" class="ax_default paragraph">
                      <div id="u8575_div" class=""></div>
                      <div id="u8575_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8576" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8577" class="ax_default label">
                      <div id="u8577_div" class=""></div>
                      <div id="u8577_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8578" class="ax_default paragraph">
                      <div id="u8578_div" class=""></div>
                      <div id="u8578_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8579" class="ax_default" data-left="230" data-top="550" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8580" class="ax_default box_1">
          <div id="u8580_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8581" class="ax_default label">
          <div id="u8581_div" class=""></div>
          <div id="u8581_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8582" class="ax_default line">
          <img id="u8582_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8583" class="ax_default label">
          <div id="u8583_div" class=""></div>
          <div id="u8583_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8584" class="ax_default box_1">
          <img id="u8584_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8585" class="ax_default" data-left="230" data-top="656" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8586" class="ax_default box_1">
          <div id="u8586_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8587" class="ax_default label">
          <div id="u8587_div" class=""></div>
          <div id="u8587_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8588" class="ax_default line">
          <img id="u8588_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8589" class="ax_default label">
          <div id="u8589_div" class=""></div>
          <div id="u8589_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8590" class="ax_default box_1">
          <img id="u8590_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8591" class="ax_default" data-left="401" data-top="798" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8592" class="ax_default box_1">
          <div id="u8592_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8593" class="ax_default label">
          <div id="u8593_div" class=""></div>
          <div id="u8593_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8594" class="ax_default line">
          <img id="u8594_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8595" class="ax_default label">
          <div id="u8595_div" class=""></div>
          <div id="u8595_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8596" class="ax_default box_1">
          <img id="u8596_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8597" class="ax_default" data-left="577" data-top="798" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8598" class="ax_default box_1">
          <div id="u8598_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8599" class="ax_default label">
          <div id="u8599_div" class=""></div>
          <div id="u8599_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8600" class="ax_default line">
          <img id="u8600_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8601" class="ax_default label">
          <div id="u8601_div" class=""></div>
          <div id="u8601_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8602" class="ax_default box_1">
          <img id="u8602_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8603" class="ax_default" data-left="754" data-top="798" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8604" class="ax_default box_1">
          <div id="u8604_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8605" class="ax_default label">
          <div id="u8605_div" class=""></div>
          <div id="u8605_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8606" class="ax_default line">
          <img id="u8606_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8607" class="ax_default label">
          <div id="u8607_div" class=""></div>
          <div id="u8607_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8608" class="ax_default box_1">
          <img id="u8608_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8609" class="ax_default" data-left="928" data-top="656" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8610" class="ax_default box_1">
          <div id="u8610_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8611" class="ax_default label">
          <div id="u8611_div" class=""></div>
          <div id="u8611_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8612" class="ax_default line">
          <img id="u8612_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8613" class="ax_default label">
          <div id="u8613_div" class=""></div>
          <div id="u8613_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8614" class="ax_default box_1">
          <img id="u8614_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8615" class="ax_default" data-left="928" data-top="550" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8616" class="ax_default box_1">
          <div id="u8616_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8617" class="ax_default label">
          <div id="u8617_div" class=""></div>
          <div id="u8617_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8618" class="ax_default line">
          <img id="u8618_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8619" class="ax_default label">
          <div id="u8619_div" class=""></div>
          <div id="u8619_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8620" class="ax_default box_1">
          <img id="u8620_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8621" class="ax_default" data-left="928" data-top="445" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8622" class="ax_default box_1">
          <div id="u8622_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8623" class="ax_default label">
          <div id="u8623_div" class=""></div>
          <div id="u8623_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8624" class="ax_default line">
          <img id="u8624_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8625" class="ax_default label">
          <div id="u8625_div" class=""></div>
          <div id="u8625_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8626" class="ax_default box_1">
          <img id="u8626_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8627" class="ax_default" data-left="754" data-top="294" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8628" class="ax_default box_1">
          <div id="u8628_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8629" class="ax_default label">
          <div id="u8629_div" class=""></div>
          <div id="u8629_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8630" class="ax_default line">
          <img id="u8630_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8631" class="ax_default label">
          <div id="u8631_div" class=""></div>
          <div id="u8631_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8632" class="ax_default box_1">
          <img id="u8632_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8633" class="ax_default" data-left="577" data-top="294" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8634" class="ax_default box_1">
          <div id="u8634_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8635" class="ax_default label">
          <div id="u8635_div" class=""></div>
          <div id="u8635_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8636" class="ax_default line">
          <img id="u8636_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8637" class="ax_default label">
          <div id="u8637_div" class=""></div>
          <div id="u8637_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8638" class="ax_default box_1">
          <img id="u8638_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8639" class="ax_default" data-left="401" data-top="294" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8640" class="ax_default box_1">
          <div id="u8640_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8641" class="ax_default label">
          <div id="u8641_div" class=""></div>
          <div id="u8641_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8642" class="ax_default line">
          <img id="u8642_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8643" class="ax_default label">
          <div id="u8643_div" class=""></div>
          <div id="u8643_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8644" class="ax_default box_1">
          <img id="u8644_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8645" class="ax_default heading_1">
        <div id="u8645_div" class=""></div>
        <div id="u8645_text" class="text ">
          <p><span>Poptip 气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8646" class="ax_default heading_1">
        <div id="u8646_div" class=""></div>
        <div id="u8646_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8647" class="ax_default label">
        <div id="u8647_div" class=""></div>
        <div id="u8647_text" class="text ">
          <p><span>Poptip 与 Tooltip 类似，具有很多相同配置，不同点是 Poptip 以卡片的形式承载了更多的内容，比如链接、表格、按钮等。</span></p><p><span>Poptip 还 confirm 确认框，与 Modal 不同的是，它会出现在就近元素，相对轻量。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8648" class="ax_default" data-left="230" data-top="445" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8649" class="ax_default box_1">
          <div id="u8649_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8650" class="ax_default label">
          <div id="u8650_div" class=""></div>
          <div id="u8650_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u8651" class="ax_default line">
          <img id="u8651_img" class="img " src="images/气泡提示/u8582.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8652" class="ax_default label">
          <div id="u8652_div" class=""></div>
          <div id="u8652_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8653" class="ax_default box_1">
          <img id="u8653_img" class="img " src="images/文字提示/u8427.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8654" class="ax_default box_1">
        <div id="u8654_div" class=""></div>
        <div id="u8654_text" class="text ">
          <p><span>上左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8655" class="ax_default box_1">
        <div id="u8655_div" class=""></div>
        <div id="u8655_text" class="text ">
          <p><span>上边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8656" class="ax_default box_1">
        <div id="u8656_div" class=""></div>
        <div id="u8656_text" class="text ">
          <p><span>上右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8657" class="ax_default box_1">
        <div id="u8657_div" class=""></div>
        <div id="u8657_text" class="text ">
          <p><span>左上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8658" class="ax_default box_1">
        <div id="u8658_div" class=""></div>
        <div id="u8658_text" class="text ">
          <p><span>左边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8659" class="ax_default box_1">
        <div id="u8659_div" class=""></div>
        <div id="u8659_text" class="text ">
          <p><span>左下</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8660" class="ax_default box_1">
        <div id="u8660_div" class=""></div>
        <div id="u8660_text" class="text ">
          <p><span>下左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8661" class="ax_default box_1">
        <div id="u8661_div" class=""></div>
        <div id="u8661_text" class="text ">
          <p><span>下边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8662" class="ax_default box_1">
        <div id="u8662_div" class=""></div>
        <div id="u8662_text" class="text ">
          <p><span>下右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8663" class="ax_default box_1">
        <div id="u8663_div" class=""></div>
        <div id="u8663_text" class="text ">
          <p><span>右上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8664" class="ax_default box_1">
        <div id="u8664_div" class=""></div>
        <div id="u8664_text" class="text ">
          <p><span>右边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8665" class="ax_default box_1">
        <div id="u8665_div" class=""></div>
        <div id="u8665_text" class="text ">
          <p><span>右下</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8666" class="ax_default" data-left="230" data-top="961" data-width="192" data-height="95">

        <!-- Unnamed (Rectangle) -->
        <div id="u8667" class="ax_default box_1">
          <div id="u8667_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8668" class="ax_default label">
          <div id="u8668_div" class=""></div>
          <div id="u8668_text" class="text ">
            <p><span>您确认删除这条内容吗？</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8669" class="ax_default box_1">
          <img id="u8669_img" class="img " src="images/文字提示/u8427.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8670" class="ax_default label">
          <div id="u8670_div" class=""></div>
          <div id="u8670_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8671" class="ax_default box_1">
          <div id="u8671_div" class=""></div>
          <div id="u8671_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8672" class="ax_default box_1">
          <img id="u8672_img" class="img " src="images/按钮/u749.png"/>
          <div id="u8672_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8673" class="ax_default box_1">
        <div id="u8673_div" class=""></div>
        <div id="u8673_text" class="text ">
          <p><span>删除</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
